<!DOCTYPE HTML>
<html>

<head>
    <title>
        健康
    </title>
    <style type="text/css">
        body {
            margin: unset;

        }

        .page {
            display: flex;
            min-height: 100vh;
            width: 100vw;
            flex-direction: column;
            overflow: hidden;
            background-color: rgb(250, 212, 170);
        }

        img {
            width: 100vw;
        }

        .buttonBox {
            width: 100vw;
            padding-top: 32px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: rgb(250, 212, 170);
        }

        .share_btn {
            text-decoration: unset;
            display: block;
            width: 420px;
            height: 116px;
            text-align: center;
            line-height: 116px;
            color: rgb(255, 255, 255);
            font-size: 50px;
            padding: 0px 42px;
            border-radius: 132px;
            background: linear-gradient(90deg, #e96e13, #e95513);
            margin-bottom: 10px;
        }

        .text {
            font-size: 50px;
            color: rgb(233, 85, 19);
        }
    </style>
</head>

<body>
    <div id='test' class="page">
        <img src="https://wanhuhealth.oss-cn-beijing.aliyuncs.com/weixin-static/insurance/sharedToOthenPage.jpg" />
        <div class="buttonBox">
            <a href='https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzA3NDM0MDQ4MA==&scene=110#wechat_redirect'
                class="share_btn">
                关注并领取
            </a>
            <p class="text">(关注公众号-注册会员)</p>
        </div>
    </div>
</body>

</html>